<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body>
    <button class="but">获取当前页面的地址</button>
    <button class="but">设置地址栏地址</button>
    <button class="but">重新加载页面</button>
    <button class="but">获取哈希值</button>
    <button class="but">获取请求参</button>
    <script>
        /* 一、获取地址栏相关信息 ，就是获取当前页面的地址；window.location.href; */
        var but = document.getElementsByClassName("but");
        but[0].onclick = function() {
            console.log(window.location.href);
        };
        // 二、设置地址栏地址；
        but[1].onclick = function() {
            window.location.href = "http://www.baidu.com";
        };
        // 三、重载当前页面
        but[2].onclick = function() {
            window.location.reload();
        };

        // 四、获取地址栏的哈希值 ： 是地址栏 # 后面的内容
        but[3].onclick = function() {
            console.log(window.location.hash);
        };
        // 五、获取地址栏？后面的内容 （querystring：请求参数）；

        but[4].onclick = function() {
            console.log(window.location.search);
        };
    </script>
</body>

</html>